$mask = $('<div/>');
$mask.addClass('mask');
$mask.width(document.body.scrollWidth);
$mask.height(document.body.scrollHeight)
$mask.appendTo('body');


$area = $('<div/>');
$area.addClass('edit-box');
$area.appendTo($mask);
$area.css('z-index', '1002');

$textarea = $('<textarea/>');
$textarea.addClass('edit-area');
$textarea.appendTo($area);

$btnEdit = $('<button id="btn-edit">修改</button>');
$btnEdit.appendTo($area);


var tmp = $('#content').html();
$textarea.html(tmp);

$btnEdit.click(function() {
    //1,保存修改
    var txttmp = $textarea.val();
    //2,关闭遮蔽层
    $mask.remove();
    //3,在id为content的div中显示保持的修改
    $('#content').html('').html(txttmp);


});
